.barner-top {
  width: 100%;
  height: 5.71*14px;
  img {
    width: 100%;
    height: 100%;
  }
}
.row {
  .row-left {
    height: 100%;
    position: relative;
    img {
      width: 16.93*14px;
      height: 5.79*14px;
      margin-right: 50px;
      // margin-top: 20px;
    }
    .left-botom {
      width: 14.14*14px;
      height: 3.57*14px;
      background: #d4000f;
      color: #fff;
      font-size: 1.14*14px;
      position: absolute;
      bottom: -1px;
      left: 0;
      img {
        width: 1.14*14px;
        height: 1.14*14px;
        margin-right: 0.5*14px;
        margin-top: 0;
      }
    }
  }
  .row-right {
    flex: 1;
    height: 50px;
    .row-top {
      .right-search {
        width: 37.14*14px;
        height: 2.86*14px;
        position: relative;
        top: -30px;
        .search-box {
          width: 100%;
          height: 100%;
          margin-bottom: 4px;
          border-radius: 0.43*14px;
          border: 1px solid #e1251b;
          overflow: hidden;
          p:first-of-type {
            width: 33.14*14px;
            height: 100%;
            padding-left: 1.5*14px;
            box-sizing: border-box;
            input {
              width: 100%;
              height: 100%;
              &::placeholder {
                color: #cccccc;
              }
            }
          }
          p:last-of-type {
            background: #d4000f;
            width: 4*14px;
            height: 2.86*14px;
            img {
              width: 1.43*14px;
              height: 1.43*14px;
            }
          }
        }
        .search-history {
          position: absolute;
          top: 68px;
          left: 0;
          border: 1px solid #e1251b;
          width: 33.12*14px;
          border-top: none;
          border-radius: 0 0 0.43*14px 0.43*14px;
          // min-height: 5*14px;
          z-index: 10;
          background: #fff;
          overflow: hidden;
          p {
            padding: 0 1.5*14px;
            padding-bottom: 0.7*14px;
            &:hover {
              color: #d4000f;
            }
          }
          p:first-of-type {
            // border-top: 2px solid #f0f0f0;
            padding-top: 0.5*14px;
          }
        }
        .selectSearch {
          background: #f3f3f3;
          color: #d4000f;
        }
        .search-box-s {
          border-bottom: none;
          border-radius: 0.43*14px 0;
        }
        .hot-tips {
          font-size: 0.86*14px;
          & > span {
            color: #e1251b;
            margin-right: 0.6*14px;
          }
          p {
            color: #999999;
            width: 84%;

            span {
              margin-right: 2*14px;
              &:last-of-type {
                margin-right: 0;
              }
            }
          }
        }
      }
      .right-tel {
        width: 17.4*14px;
        height: 4.57*14px;
        border-radius: 2.29*14px;
        background: #ffedee;
        img {
          width: 3.07*14px;
          height: 3.07*14px;
          margin-right: 1.64*14px;
        }
        .tel-right {
          color: #333333;
          font-size: 1.14*14px;
          p:last-of-type {
            font-weight: bold;
            color: #d4000f;
            font-size: 1.43*14px;
          }
        }
      }
    }
    
    .row-bottom {
      font-size: 1.14*14px;
      margin-top: 10px;
      display: flex;
      // div {
      //   // z-index: 9999999;
      // }
      p {
        color: #000000;
        margin-right: 40px;
        position: relative;
        cursor: pointer;
        &:hover .homeMenuList{
          display: block;
        }
      }
      
      .drop-down {
        color: #000000;
        margin-right: 40px;
        // position: relative;
        cursor: pointer;
        span {
          margin-right: 10px;
        }
      }
      .homeMenuList {
        padding-top: 40px;
        background: #fff;
        z-index: 999;
        padding: 10px 8px 8px;
        // border-width: 0px 1px 1px;
        // border-right-style: solid;
        // border-bottom-style: solid;
        // border-left-style: solid;
        // border-right-color: rgb(218, 218, 218);
        // border-bottom-color: rgb(218, 218, 218);
        // border-left-color: rgb(218, 218, 218);
        // border-image: initial;
        // border-top-style: initial;
        // border-top-color: initial;
        // width: 1366px;
        min-width: 120px;
        white-space: nowrap;
        display: none;
        position: absolute;
        // left:-100%;
        // margin-top: 5px;
        color: #000;
        li {
          line-height: 30px;
          &:hover {
            color:  #d4000f;
            text-decoration:underline;
          }
        }
      }
      .active {
        color: #d4000f;
        // &::after {
        //   content: "";
        //   width: 3.34*14px;
        //   height: 0.14*14px;
        //   background: #d4000f;
        //   display: inline-block;
        //   position: absolute;
        //   bottom: -0.5*14px;
        //   left: 50%;
        //   margin-left: -1.67*14px;
        //   transition: all 0.3s ease;
        // }
        .active-line{
          width: 3.34*14px;
          height: 0.14*14px;
          background: #d4000f;
          display: inline-block;
          position: absolute;
          bottom: -0.5*14px;
          left: 50%;
          margin-left: -1.67*14px;
          transition: all 1s ease;
        }
      }
      .gif1{
        position: absolute;
        right: -1.5*14px;
        top: -0.8*14px;
        width: 1.57*14px;
        height: 1*14px;
      }
      .gif2{
        top:-1*14px;
        width: 1.36*14px;
        height: 1.5*14px;
      }
    }
  }
}
.row-classify{
  margin-top: 15px;
  .row-left{
    width: 200px;
    height: 50px;
  }
  .row-right{
    margin-left: 20px;
  }
}
// 分类
.con-title-common {
  align-items: flex-end;
  margin-bottom: 1.36*14px;
  div {
    font-size: 1.29*14px;
    color: #1a1a1a;
  }
  img {
    width: 0.71*14px;
    height: 0.71*14px;
    margin: 0 0.3*14px;
    margin-top: 0.2*14px;
  }
  p {
    font-size: 0.86*14px;
    color: #333;
  }
  p.active {
    color: #e1251b;
  }
}

.addReduces .center-row4-add p{
  height: 20px !important;
}
.hot-right {
  // color: #e1251b !important;
  span {
    margin-right: 10px !important;
    cursor: pointer;
    &:hover {
      color: #e1251b !important;
    }
  }
}
